<!-- left menu starts -->
        <div class="col-sm-2 col-lg-2 left">
            <div class="sidebar-nav">
                <div class="nav-canvas">
                    <div class="nav-sm nav nav-stacked">

                    </div>
                    <ul class="nav nav-pills nav-stacked main-menu">
                       
                        <!-- BEGIN classlist -->
                        <li class="accordion">
                            <a href="#"><i class="glyphicon"></i><span> {ClassName}</span></a>
                            <ul class="nav nav-pills nav-stacked">
                                <!-- BEGIN channellist -->
                                <li><a href="#">{ChannelName}</a></li>
                                <!-- END channellist -->
                            </ul>
                        </li>
                        <!-- END classlist -->


                    </ul>
                </div>
            </div>
        </div>
        <!--/span-->
        <!-- left menu ends -->